@import './reset';
@import './theme';

html,
body {
  height: 100%;
}

body {
  cursor: var(--app-cursor-default), auto;

  font-family: var(--app-font-family);

  overflow: hidden;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;

  transition: background-color 150ms ease-in, background 150ms ease-in;
}

#root {
  width: 100%;
  height: 100%;
}

*:focus {
  outline: none;
}

button {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  font-family: inherit;

  border: 0;
  border-radius: 0;

  outline: 0;

  margin: 0;
  padding: 0;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  position: relative;

  user-select: none;
  appearance: none;
  cursor: var(--app-cursor-default), auto;

  background-color: transparent;

  -webkit-tap-highlight-color: transparent;
}
